<div class="container">
    <h3 class="header center-align">Welcome to your Kong Dashboard</h3>
    <p class="flow-text center-align">
        The Kong dashboard is a central hub for you to manage your API setup.
    </p>
    <p>&nbsp;</p>
    <div class="row">
        <div class="col s4 home-block">
            <h5>Learn Kong</h5>
            <p>
                This Dashboard will let you interact with your Kong API to create or edit <strong>APIs</strong>,
                <strong>Consumers</strong> and <strong>Plugins</strong>.
            </p>
            <p>
                Wondering what all that mean? Have a look at Kong documentation.
            </p>
        </div>
        <div class="col s4 home-block">
            <h5>Get started</h5>
            <p>Not sure where to start?</p>
            <p>
                How about listing your <a href="#/apis">current APIs</a> or
                <a href="#/consumers">Consumers</a>, creating a <a href="#/apis/add">new API</a> or a
                <a href="#/consumers/add">new Consumer</a>?
            </p>
        </div>
        <div class="col s4 home-block">
            <h5>Contribute</h5>
            <p>Kong Dashboard is an open source project hosted on github.</p>
            <p>Special thanks to 5 top contributors:</p>
            <div class="chip" ng-repeat="contributor in contributors">
                <a href="{{ contributor.html_url }}">
                    <img ng-src="{{ contributor.avatar_url }}" alt="{{ contributor.login }} avatar">
                    {{ contributor.login }}
                </a>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col s4">
            <a href="https://getkong.org/docs/" target="_blank" class="btn right">Documentation</a>
        </div>
        <div class="col s4">
            <a href="#/apis/add" class="btn right">Create an API</a>
        </div>
        <div class="col s4">
            <a href="https://github.com/PGBI/kong-dashboard" target="_blank" class="btn right">Github page</a>
        </div>
    </div>
</div>
